﻿<!DOCTYPE html>
<html>
  <head>
    <title>折叠面板 Collapse</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/_____collapse/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/_____collapse/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u3018" class="ax_default _默认样式">
        <div id="u3018_div" class=""></div>
      </div>

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u3020" class="ax_default" data-label="背景">
        <div id="u3020_state0" class="panel_state" data-label="State1" style="">
          <div id="u3020_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u3021" class="ax_default" data-label="线条">
        <div id="u3021_state0" class="panel_state" data-label="State1" style="">
          <div id="u3021_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3022" class="ax_default _默认样式">
        <div id="u3022_div" class=""></div>
        <div id="u3022_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3023" class="ax_default _默认样式">
        <div id="u3023_div" class=""></div>
        <div id="u3023_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3025" class="ax_default _默认样式">
        <img id="u3025_img" class="img " src="images/___icons/u605.png"/>
        <div id="u3025_text" class="text ">
          <p><span>Copyright © </span><a id="u3026" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3027" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u3028" class="ax_default _默认样式">
          <div id="u3028_div" class=""></div>
          <div id="u3028_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">可以折叠/展开的内容区域，对复杂区域进行分组和隐藏，保持页面的整洁。手风琴是一种特殊的折叠面板，只允许单个内容区域展开。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3029" class="ax_default _默认样式">
          <div id="u3029_div" class=""></div>
          <div id="u3029_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3030" class="ax_default _默认样式">
        <div id="u3030_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3031" class="ax_default _默认样式">
        <div id="u3031_div" class=""></div>
        <div id="u3031_text" class="text ">
          <p><span>折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3032" class="ax_default _默认样式">
        <div id="u3032_div" class=""></div>
        <div id="u3032_text" class="text ">
          <p><span>简洁模式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3033" class="ax_default _默认样式">
        <div id="u3033_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3034" class="ax_default _默认样式">
        <div id="u3034_div" class=""></div>
        <div id="u3034_text" class="text ">
          <p><span>手风琴面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3035" class="ax_default _默认样式">
        <div id="u3035_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3036" class="ax_default _默认样式">
        <div id="u3036_div" class=""></div>
        <div id="u3036_text" class="text ">
          <p><span>点击切换</span></p>
        </div>
      </div>

      <!-- 折叠面板 (Dynamic Panel) -->
      <div id="u3037" class="ax_default" data-label="折叠面板">
        <div id="u3037_state0" class="panel_state" data-label="容器" style="">
          <div id="u3037_state0_content" class="panel_state_content">

            <!-- 3 (Dynamic Panel) -->
            <div id="u3038" class="ax_default" data-label="3">
              <div id="u3038_state0" class="panel_state" data-label="展开" style="">
                <div id="u3038_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3039" class="ax_default _默认样式">
                    <div id="u3039_div" class=""></div>
                    <div id="u3039_text" class="text ">
                      <p><span>乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3040" class="ax_default _默认样式 selected">
                    <div id="u3040_div" class="selected"></div>
                    <div id="u3040_text" class="text ">
                      <p><span>乔纳森·伊夫</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3041" class="ax_default _默认样式">
                    <div id="u3041_div" class=""></div>
                    <div id="u3041_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u3038_state1" class="panel_state" data-label="收起" style="visibility: hidden;">
                <div id="u3038_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3042" class="ax_default _默认样式 selected">
                    <div id="u3042_div" class="selected"></div>
                    <div id="u3042_text" class="text ">
                      <p><span>乔纳森·伊夫</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3043" class="ax_default _默认样式">
                    <div id="u3043_div" class=""></div>
                    <div id="u3043_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 2 (Dynamic Panel) -->
            <div id="u3044" class="ax_default" data-label="2">
              <div id="u3044_state0" class="panel_state" data-label="展开" style="">
                <div id="u3044_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3045" class="ax_default _默认样式">
                    <div id="u3045_div" class=""></div>
                    <div id="u3045_text" class="text ">
                      <p><span>斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3046" class="ax_default _默认样式 selected">
                    <div id="u3046_div" class="selected"></div>
                    <div id="u3046_text" class="text ">
                      <p><span>斯蒂夫·盖瑞·沃兹尼亚克</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3047" class="ax_default _默认样式">
                    <div id="u3047_div" class=""></div>
                    <div id="u3047_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u3044_state1" class="panel_state" data-label="收起" style="visibility: hidden;">
                <div id="u3044_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3048" class="ax_default _默认样式 selected">
                    <div id="u3048_div" class="selected"></div>
                    <div id="u3048_text" class="text ">
                      <p><span>斯蒂夫·盖瑞·沃兹尼亚克</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3049" class="ax_default _默认样式">
                    <div id="u3049_div" class=""></div>
                    <div id="u3049_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 1 (Dynamic Panel) -->
            <div id="u3050" class="ax_default" data-label="1">
              <div id="u3050_state0" class="panel_state" data-label="展开" style="">
                <div id="u3050_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3051" class="ax_default _默认样式">
                    <div id="u3051_div" class=""></div>
                    <div id="u3051_text" class="text ">
                      <p><span>史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3052" class="ax_default _默认样式 selected">
                    <div id="u3052_div" class="selected"></div>
                    <div id="u3052_text" class="text ">
                      <p><span>史蒂夫·乔布斯</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3053" class="ax_default _默认样式">
                    <div id="u3053_div" class=""></div>
                    <div id="u3053_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u3050_state1" class="panel_state" data-label="收起" style="visibility: hidden;">
                <div id="u3050_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3054" class="ax_default _默认样式 selected">
                    <div id="u3054_div" class="selected"></div>
                    <div id="u3054_text" class="text ">
                      <p><span>史蒂夫·乔布斯</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3055" class="ax_default _默认样式">
                    <div id="u3055_div" class=""></div>
                    <div id="u3055_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 折叠面板 (Dynamic Panel) -->
      <div id="u3056" class="ax_default" data-label="折叠面板">
        <div id="u3056_state0" class="panel_state" data-label="容器" style="">
          <div id="u3056_state0_content" class="panel_state_content">

            <!-- 3 (Dynamic Panel) -->
            <div id="u3057" class="ax_default" data-label="3">
              <div id="u3057_state0" class="panel_state" data-label="展开" style="">
                <div id="u3057_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3058" class="ax_default _默认样式">
                    <div id="u3058_div" class=""></div>
                    <div id="u3058_text" class="text ">
                      <p><span>乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3059" class="ax_default _默认样式 selected">
                    <div id="u3059_div" class="selected"></div>
                    <div id="u3059_text" class="text ">
                      <p><span>乔纳森·伊夫</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3060" class="ax_default _默认样式">
                    <div id="u3060_div" class=""></div>
                    <div id="u3060_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u3057_state1" class="panel_state" data-label="收起" style="visibility: hidden;">
                <div id="u3057_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3061" class="ax_default _默认样式 selected">
                    <div id="u3061_div" class="selected"></div>
                    <div id="u3061_text" class="text ">
                      <p><span>乔纳森·伊夫</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3062" class="ax_default _默认样式">
                    <div id="u3062_div" class=""></div>
                    <div id="u3062_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 2 (Dynamic Panel) -->
            <div id="u3063" class="ax_default" data-label="2">
              <div id="u3063_state0" class="panel_state" data-label="展开" style="">
                <div id="u3063_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3064" class="ax_default _默认样式">
                    <div id="u3064_div" class=""></div>
                    <div id="u3064_text" class="text ">
                      <p><span>斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3065" class="ax_default _默认样式 selected">
                    <div id="u3065_div" class="selected"></div>
                    <div id="u3065_text" class="text ">
                      <p><span>斯蒂夫·盖瑞·沃兹尼亚克</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3066" class="ax_default _默认样式">
                    <div id="u3066_div" class=""></div>
                    <div id="u3066_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u3063_state1" class="panel_state" data-label="收起" style="visibility: hidden;">
                <div id="u3063_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3067" class="ax_default _默认样式 selected">
                    <div id="u3067_div" class="selected"></div>
                    <div id="u3067_text" class="text ">
                      <p><span>斯蒂夫·盖瑞·沃兹尼亚克</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3068" class="ax_default _默认样式">
                    <div id="u3068_div" class=""></div>
                    <div id="u3068_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 1 (Dynamic Panel) -->
            <div id="u3069" class="ax_default" data-label="1">
              <div id="u3069_state0" class="panel_state" data-label="展开" style="">
                <div id="u3069_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3070" class="ax_default _默认样式">
                    <div id="u3070_div" class=""></div>
                    <div id="u3070_text" class="text ">
                      <p><span>史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3071" class="ax_default _默认样式 selected">
                    <div id="u3071_div" class="selected"></div>
                    <div id="u3071_text" class="text ">
                      <p><span>史蒂夫·乔布斯</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3072" class="ax_default _默认样式">
                    <div id="u3072_div" class=""></div>
                    <div id="u3072_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u3069_state1" class="panel_state" data-label="收起" style="visibility: hidden;">
                <div id="u3069_state1_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3073" class="ax_default _默认样式 selected">
                    <div id="u3073_div" class="selected"></div>
                    <div id="u3073_text" class="text ">
                      <p><span>史蒂夫·乔布斯</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3074" class="ax_default _默认样式">
                    <div id="u3074_div" class=""></div>
                    <div id="u3074_text" class="text ">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 手风琴面板(悬停切换) (Dynamic Panel) -->
      <div id="u3075" class="ax_default" data-label="手风琴面板(悬停切换)">
        <div id="u3075_state0" class="panel_state" data-label="State1" style="">
          <div id="u3075_state0_content" class="panel_state_content">

            <!-- 3 (Dynamic Panel) -->
            <div id="u3076" class="ax_default" data-label="3">
              <div id="u3076_state0" class="panel_state" data-label="State1" style="">
                <div id="u3076_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3077" class="ax_default _默认样式">
                    <div id="u3077_div" class=""></div>
                    <div id="u3077_text" class="text ">
                      <p><span>乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 2 (Dynamic Panel) -->
            <div id="u3078" class="ax_default" data-label="2">
              <div id="u3078_state0" class="panel_state" data-label="State1" style="">
                <div id="u3078_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3079" class="ax_default _默认样式">
                    <div id="u3079_div" class=""></div>
                    <div id="u3079_text" class="text ">
                      <p><span>斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 1 (Dynamic Panel) -->
            <div id="u3080" class="ax_default" data-label="1">
              <div id="u3080_state0" class="panel_state" data-label="State1" style="">
                <div id="u3080_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3081" class="ax_default _默认样式">
                    <div id="u3081_div" class=""></div>
                    <div id="u3081_text" class="text ">
                      <p><span>史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3082" class="ax_default _默认样式" selectiongroup="手风琴面板1">
              <div id="u3082_div" class=""></div>
              <div id="u3082_text" class="text ">
                <p><span>乔纳森·伊夫</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3083" class="ax_default _默认样式" selectiongroup="手风琴面板1">
              <div id="u3083_div" class=""></div>
              <div id="u3083_text" class="text ">
                <p><span>斯蒂夫·盖瑞·沃兹尼亚克</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3084" class="ax_default _默认样式 selected" selectiongroup="手风琴面板1">
              <div id="u3084_div" class="selected"></div>
              <div id="u3084_text" class="text ">
                <p><span>史蒂夫·乔布斯</span></p>
              </div>
            </div>

            <!-- 箭头-1 (Rectangle) -->
            <div id="u3085" class="ax_default _默认样式" data-label="箭头-1">
              <div id="u3085_div" class=""></div>
              <div id="u3085_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- 箭头-2 (Rectangle) -->
            <div id="u3086" class="ax_default _默认样式" data-label="箭头-2">
              <div id="u3086_div" class=""></div>
              <div id="u3086_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- 箭头-3 (Rectangle) -->
            <div id="u3087" class="ax_default _默认样式" data-label="箭头-3">
              <div id="u3087_div" class=""></div>
              <div id="u3087_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 手风琴面板(点击切换) (Dynamic Panel) -->
      <div id="u3088" class="ax_default" data-label="手风琴面板(点击切换)">
        <div id="u3088_state0" class="panel_state" data-label="State1" style="">
          <div id="u3088_state0_content" class="panel_state_content">

            <!-- 3 (Dynamic Panel) -->
            <div id="u3089" class="ax_default" data-label="3">
              <div id="u3089_state0" class="panel_state" data-label="State1" style="">
                <div id="u3089_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3090" class="ax_default _默认样式">
                    <div id="u3090_div" class=""></div>
                    <div id="u3090_text" class="text ">
                      <p><span>乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 2 (Dynamic Panel) -->
            <div id="u3091" class="ax_default" data-label="2">
              <div id="u3091_state0" class="panel_state" data-label="State1" style="">
                <div id="u3091_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3092" class="ax_default _默认样式">
                    <div id="u3092_div" class=""></div>
                    <div id="u3092_text" class="text ">
                      <p><span>斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 1 (Dynamic Panel) -->
            <div id="u3093" class="ax_default" data-label="1">
              <div id="u3093_state0" class="panel_state" data-label="State1" style="">
                <div id="u3093_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3094" class="ax_default _默认样式">
                    <div id="u3094_div" class=""></div>
                    <div id="u3094_text" class="text ">
                      <p><span>史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3095" class="ax_default _默认样式" selectiongroup="手风琴面板2">
              <div id="u3095_div" class=""></div>
              <div id="u3095_text" class="text ">
                <p><span>乔纳森·伊夫</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3096" class="ax_default _默认样式" selectiongroup="手风琴面板2">
              <div id="u3096_div" class=""></div>
              <div id="u3096_text" class="text ">
                <p><span>斯蒂夫·盖瑞·沃兹尼亚克</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3097" class="ax_default _默认样式 selected" selectiongroup="手风琴面板2">
              <div id="u3097_div" class="selected"></div>
              <div id="u3097_text" class="text ">
                <p><span>史蒂夫·乔布斯</span></p>
              </div>
            </div>

            <!-- 箭头-1 (Rectangle) -->
            <div id="u3098" class="ax_default _默认样式" data-label="箭头-1">
              <div id="u3098_div" class=""></div>
              <div id="u3098_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- 箭头-2 (Rectangle) -->
            <div id="u3099" class="ax_default _默认样式" data-label="箭头-2">
              <div id="u3099_div" class=""></div>
              <div id="u3099_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- 箭头-3 (Rectangle) -->
            <div id="u3100" class="ax_default _默认样式" data-label="箭头-3">
              <div id="u3100_div" class=""></div>
              <div id="u3100_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
